<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BOM</title>
    <script>

        /*
            BOM(浏览器对象模型)
                - BOM中为我们提供了一组对象，借助这组对象可以通过JS来操作浏览器
                Window （代表整个浏览器窗口，全局对象）
                Navigator （表示浏览器的信息）
                Location （表示浏览器地址栏信息）
                History  （表示浏览器的历史记录）
                Screen    （表示用户的设备的屏幕信息）

                - BOM对象都是window对象的属性，可以通过window对象访问，也可以直接访问
                    window.navigator
         */
        // alert(navigator);
        // alert(location);
        // alert(history);

        /*
            location 表示的是浏览器的地址栏信息
                - 可以通过window.location 或 location来对其进行访问
                - location用于获取或设置浏览器的地址栏
                - 如果直接打印location可以获取到浏览器的地址栏信息
                - 也可以对其进行修改，修改后浏览器将会跳转到修改后的地址
                    通过修改location跳转地址会产生历史记录
              assign()
                - 用来修改location的值，和直接修改location效果一样
              replace()
                - 使用新的页面替换当前页面，不会生成历史记录
              reload()
                - 刷新当前页面，相当于刷新按钮
              reload(true)
                - 强制清缓存刷新页面

             History
                - 表示浏览器的历史记录
                - 可以通过window.history 或 history来对其进行访问
                - 历史记录这种东西属于个人隐私，所以JS无法直接访问用户的历史记录
                    它只能用来控制浏览器向前向后翻页

               history.forward()
                - 用来切换到下一页，就相当于浏览器的向前按钮
               history.back()
                - 用来回退到上一页，相当于浏览器的回退按钮
               history.go();
                - 用来跳转到只能的记录
                - 需要一个整数作为参数：
                    1 前进1页
                    2 前进2页
                    -1 回退1页
                    -2 回退2页
         */
        window.onload = function () {
            var btn01 = document.getElementById('btn01');
            btn01.addEventListener('click',function () {
                // alert(location.host);
                // location = 'https://www.baidu.com';
                // location.assign('02_创建游戏界面.html');
                // location.replace('https://www.baidu.com');
                // location.reload(true);

                history.go(-2);

            });
        };


    </script>
</head>
<body>
<button id="btn01">点我一下</button>

<input type="text">
</body>
</html>